<template>
  <div>
    <CommentMain
      :commentData="comment"
      v-for="(comment, index) in commentList"
      :key="index"
    />
  </div>
</template>

<script>
import CommentMain from "../components/Main";
export default {
  components: {
    CommentMain
  },
  data() {
    return {
      commentList: [
        // // 每个元素都是一条评论
        // // 现在先看主评论
        // {
        //   content: "挽尊"
        // },
        // {
        //   content: "楼主说的有道理"
        // },
        // {
        //   content: "从前有座山"
        // },
        // {
        //   content: "10086"
        // },
        // {
        //   content: "山上有座庙",
        //   //如果是回复别人的，那么被回复的人，会作为
        //   // parent，存放到这里，准备渲染子组件
        //   parent: {
        //     content: "从前有座山"
        //   }
        // },
        // {
        //   content: "庙里有个和尚",
        //   parent: {
        //     content: "山上有座庙",
        //     //如果是回复别人的，那么被回复的人，会作为
        //     // parent，存放到这里，准备渲染子组件
        //     parent: {
        //       content: "从前有座山"
        //     }
        //   }
        // },
        // {
        //   content: "和尚正在讲故事",
        //   parent: {
        //     content: "庙里有个和尚",
        //     parent: {
        //       content: "山上有座庙",
        //       //如果是回复别人的，那么被回复的人，会作为
        //       // parent，存放到这里，准备渲染子组件
        //       parent: {
        //         content: "从前有座山"
        //       }
        //     }
        //   }
        // }
      ]
    };
  },
  created(){
      this.$axios({
          url:'/post_comment/1',
      }).then((res)=>{
          console.log(res.data)
          this.commentList = res.data.data;
      })
  }
};
</script>

<style>
</style>